<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>

<!DOCTYPE html >

<html>

<head>
    <title>MyDessertStore</title>
    <link rel="StyleSheet" href="css/mydessertstore.css" type="text/css"
          media="screen"/>
    <link rel="StyleSheet" href="css/categorybutton.css" type="text/css"
          media="screen"/>
    <link rel="StyleSheet" href="css/searchAutoComplete.css" type="text/css"
          media="screen"/>
    <link rel="StyleSheet" href="css/searchHover.css" type="text/css"
          media="screen"/>
    <link rel="StyleSheet" href="css/newOrder.css" type="text/css"
          media="screen"/>
    <script src="http://cdn.bootcdn.net/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
</head>

<body>
<div id="Header">

    <div id="Logo">
        <div id="LogoContent">
            <a href="mainForm"><img src="images/logo_2.png"></a>
        </div>
    </div>

    <div id="Menu">
        <div id="MenuContent">
            <ul class="shell">
                <a href="mainForm"><img class="top_pic" src="images/home.png">&ensp;首页</a>
                <a href="cartFormServlet"><img class="top_pic" src="images/cart.png">&ensp;购物车</a>
                <li class="shellbutton">
                    <span><img class="top_pic" src="images/category.png">&ensp;分类</span>
                    <ul>
                        <li><a href="categoryForm?categoryId=CHEESS">乳酪</a></li>
                        <li><a href="categoryForm?categoryId=CHOCOLATE">巧克力</a></li>
                        <li><a href="categoryForm?categoryId=FRUIT">水果</a></li>
                        <li><a href="categoryForm?categoryId=MUSI">慕斯</a></li>
                        <li><a href="categoryForm?categoryId=NUT">坚果</a></li>
                    </ul>
                </li>
                <c:if test="${sessionScope.account != null}">
                    <a href="listOrders?username=${sessionScope.account.username}"><img class="top_pic" src="images/order.png">&ensp;我的订单</a>
                    <a href="editAccountForm"><img class="top_pic" src="images/myinf.png">&ensp;我的信息</a>
                </c:if>

                <a href="our.html"><img class="top_pic" src="images/our.png"> 关于我们</a>

            </ul>

        </div>
    </div>


    <div id="Search">
        <div id="SearchContent">
            <form action="searchProducts" method="post">
                <input id="SearchBox" type="text" name="keyword" placeholder="输入并检索" size="14" >
                <input id="SeachSubmit" type="submit" name="searchProducts" value=" ">
                &nbsp;
                <c:if test="${sessionScope.account == null}">
                    <a href="signonForm">登录</a>
                    <a href="registerForm">注册</a>&nbsp&nbsp&nbsp&nbsp&nbsp
                </c:if>
                <c:if test="${sessionScope.account != null}">
                    <a href="signOut">登出</a>&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;
                </c:if>
            </form>
            <div id="productAutoComplete">
                    <li class="autoshell">
                    <ul id="productList">
                        <%--
                        <li class="productAutoItem">heifan</li>
                        <li class="productAutoItem">chess</li>
                        <li class="productAutoItem">dangao</li> --%>


                    </ul>

                    </li>
            </div>
        </div>
    </div>

</div>

<div id="Content">
